Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 #2427

Merged
merged 20 commits into from
Feb 17, 2025

Conversation

akito-38
Copy link
Contributor

チケットへのリンク / 変更の理由(元のissueがあればリンクを貼り付ければOK)

#2199

どういう変更をしたか?

リンクツールバーに Edit link を追加し、a タグの rel やアクセシビリティ対応のテキストを設定できるようにしました。

・Add noreferrerと Add nofollow: rel に noreferrer と nofollow をそれぞれ設定できます。外すことも可能です。
・Accesibility link description: アクセシビリティ対応のテキスト設定にテキストを入れると、spanにテキストが入ります。デフォルトでは 「ブロック名 + link」のテキストが設定されます。

スクリーンショットまたは動画

変更前 Before

image_2025_1_27

変更後 After

image

実装者の確認事項

実装者はレビュワーに回す前に以下の事を確認してチェックをつけてください。

  • 複数の意図の変更 ( 機能の不具合修正 + 別の機能追加など ) を含んでいないか?
  • Files changed (変更ファイル)の内容は目視で確認したか?
  • readme.txt に変更内容は書いたか?
  • readme.txt に記載の変更内容はエンドユーザーが見て変更の概要がわかるように書かれているか?
  • 本当にちゃんと確認をしたか?

プログラムの変更の場合

  • 書けそうなテストは書いたか? 省略

変更内容について何を確認したか、どういう方法で確認をしたかなど

aria-label属性が削除されていることを確認しました。
ツールバーおよび、左側のサイドバーで「リンクを別ウィンドウで開く」のチェックがない場合、targetの出力がないことをそれぞれ確認しました。
ツールバーおよび、左側のサイドバーで「リンクを別ウィンドウで開く」のチェックがある場合、targetが出力され、「_blank」が入ることをそれぞれ確認しました。
ツールバーおよび、左側のサイドバーで「noreferrer を追加」「nofollow を追加」のチェックがない場合、relの出力がないことをそれぞれ確認しました。
ツールバーおよび、左側のサイドバーで「noreferrer を追加」「nofollow を追加」のチェックがある場合、relが出力され、「noreferrer」「nofollow」がそれぞれ入ることを確認しました。
ツールバーおよび、左側のサイドバーで「リンクの説明」が空欄の場合、「screen-reader-text」クラスを持つspanタグの中に、「ブロック名 + link」のテキストが出力されている事をそれぞれ確認しました。
ツールバーおよび、左側のサイドバーで「リンクの説明」に適当なテキストを入力し「screen-reader-text」クラスを持つspanタグの中に、入力したテキストが出力されている事をそれぞれ確認しました。
developブランチで作ったリンク設定付きのグリッドカラムカードアイテムブロックがこのブランチに変更してもリカバリーが発生しないことを確認しました。

レビュワーに回す前の確認事項

  • 実装者はこのテンプレートのチェック項目をちゃんと確認してチェックしたか?

レビュワー確認方法・確認内容など

実装者と同じ

レビュワー向け

レビュワーが確認して変更が反映されていない場合の確認事項

レビューしてみて意図した動作をしない場合は再度ビルドするなど以下の項目を確認してください。

  • プルしたか?
  • ビルドしたか?
  • ビルドしたディレクトリは正しいか(別の開発環境のディレクトリを見ていないか)?
  • npm install したか?
  • composer install したか?
  • キャッシュをクリアして確認したか?

@akito-38 akito-38 changed the title 【確認待ち】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 【修正中】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 Jan 28, 2025
@akito-38 akito-38 changed the title 【修正中】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 【確認待ち】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 Jan 29, 2025
@mtdkei mtdkei force-pushed the feature/gridcolcard/empty-atag-accessibility branch from 9366c3c to f1baa8a Compare January 31, 2025 09:03
@sysbird sysbird changed the title 【確認待ち】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 【確認中】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 Feb 3, 2025
@sysbird
Copy link
Member

sysbird commented Feb 3, 2025

@akito-38
動作問題なと思います
対応ありがとうございます!

気になる点が

  • このブロックにはもともと aria-label属性はなかったので「削除されていることを確認」は抜きでよいですよね
  • デフォルトの screen-reader-text (リンクの説明) が「ブロック名 + link」でなくて「ブロック名 」になってる (→ あまり問題ないかと)

@kurudrive @goutetsuguma @mtdkei どなたか下記にご意見いただけると助かります

  • このブロックでは a タグのなかはもともと空ではないので、screen-reader-text (リンクの説明) はいらないのかな?と思いました
    →スライダーやアイコンブロックは a タグのなかが空だったなので、screen-reader-text の対応が必要になった
    今回はグリッドカラムカードアイテムのリンクをリンクコンポーネントに差し替えてくださったと思うので a タグのフォーマットもスライダーなどに合わせてよいかもしれない? とはいえ面倒のもとですので、これでよい気もしますね

@sysbird sysbird changed the title 【確認中】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 【確認中→仕様確認待ち】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 Feb 3, 2025
@sysbird sysbird changed the title 【確認中→仕様確認待ち】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 【確認待ち】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 Feb 7, 2025
@sysbird
Copy link
Member

sysbird commented Feb 7, 2025

確認待ちに戻しました

念のため終礼でも共有してます
私が止めてしまって申し訳ないのでどなたか適切な確認お願いできますか〜

@mtdkei
Copy link
Contributor

mtdkei commented Feb 7, 2025

@sysbird
すみません、見逃してました。
おっしゃる通り、issueではグループやOuterなど、aタグの中身が空のブロックに対しての対応が必要でした。そのためscreen-reader-textはグリッドカラムカードに関しては必要ではないと思います。issueでの私の書き方が足りなかったです。

@akito-38
Copy link
Contributor Author

akito-38 commented Feb 7, 2025

@sysbird
確認ありがとうございます。
ご指摘ただいた部分は修正しておきました。

aタグの中のscreen-reader-textについては消すのは簡単に対応できます。
対応してしまってよいでしょうか?
改めて見ると確かに仰る通り必要無いかと思いました。

@sysbird
Copy link
Member

sysbird commented Feb 7, 2025

@mtdkei
フォローありがとうございます、
ここで確認すればよいので、issueの書き方が足りないなどないですよー

@akito-38
Copy link
Contributor Author

@sysbird @mtdkei
screen-reader-textの部分は削除しておきました。
申し訳ないです。

@sysbird sysbird changed the title 【確認待ち】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 【確認中】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 Feb 12, 2025
@sysbird
Copy link
Member

sysbird commented Feb 12, 2025

@akito-38
対応ありがとうございます
お手数かけました
noreferrer、nofollow を設定できるようになり、リンクの説明は設定がないのを確認しました

後でよいので下記対応していただけるとよいかと〜

  • readme の and link description options を削除
  • deprecated のバージョン番号を更新

@sysbird sysbird changed the title 【確認中】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 【2人め確認待ち】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 Feb 12, 2025
@akito-38
Copy link
Contributor Author

@sysbird
ありがとうございます。
こちら対応しましたので、確認お願いいたします。

@goutetsuguma goutetsuguma changed the title 【2人め確認待ち】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 【確認中】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 Feb 17, 2025
@goutetsuguma
Copy link
Contributor

調整ありがとうございます!以下を確認しました。

  • aria-label属性はdevelopでも、もともと無いことを確認しました。
  • noreferrer、nofollow を設定できるようになり、リンクの説明は設定がないのを確認しました。
  • readme の and link description options が削除されていることを確認しました。
  • deprecated のバージョンの番号が変わっていることが確認できました。

マージします

@goutetsuguma goutetsuguma changed the title 【確認中】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 Feb 17, 2025
Copy link
Contributor

@goutetsuguma goutetsuguma left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@akito-38 すみません、以下ご確認いただけますと嬉しいです

readme.txt Outdated
@@ -108,7 +108,7 @@ e.g.

== Changelog ==

[ Add function ][ Icon / Slider ] Added noreferrer, nofollow, and link description options to the link feature.
[ Add function ][ Icon / Slider ] Added noreferrer and nofollow to the link feature.
[ Add function ][ Grid Column Card (Pro) ] Added noreferrer, nofollow, and link description options to the link feature for each card.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@akito-38
すみません、マージしようと思ったのですが、readme.txt を改めてみたところ、今回の修正されたブロックはグリッドカードブロックのようなので、「readme の and link description options を削除」するのは、112行目の

[ Add function ][ Grid Column Card (Pro) ] Added noreferrer, nofollow, and link description options to the link feature for each card.

の行の「and link description options 」なのかなと思いましたがいかがでしょうか。
お手数ですが、ご確認いただけますと幸いです。

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@goutetsuguma
すみません。ご指摘ありがとうございます。
修正しましたので、確認お願いいたします。

@goutetsuguma goutetsuguma changed the title 【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 【宮本さん確認待ち】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 Feb 17, 2025
@goutetsuguma goutetsuguma changed the title 【宮本さん確認待ち】【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 【グリッドカラムカード 】ツールバーからのリンク指定機能にnoreferrer、nofollow、link descriptionオプションを追加 Feb 17, 2025
@goutetsuguma
Copy link
Contributor

ありがとうございます。確認しました、マージします

@goutetsuguma goutetsuguma merged commit 9686c29 into develop Feb 17, 2025
14 checks passed
@goutetsuguma goutetsuguma deleted the feature/gridcolcard/empty-atag-accessibility branch February 17, 2025 01:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants